<template>
  <div id="app">
    <!--/**显示当前路由地址所对应的内容 */-->
    <!--这个路由的内容加载一次后，把路由的内容放到内存中，
    下一次在进路由的时候在从内存中拿内容
    我们切换城市的时候，返回到首页，应该对应的是切换城市的内容，所以还需执行一次ajax请求
    使用keepalive之后，在组件之间来回切换，vue的生命周期是不变的，因此mounted钩子函数只会被执行一次
    -->
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
</style>
